<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta charset="utf-8" />
	<title><ui:insert name="title">Virtual Store</ui:insert></title>
	<h:outputStylesheet library="assets/css" name="bootstrap.css" />
	<h:outputStylesheet library="assets/css" name="layout_virtual2013.css" />
	<h:outputStylesheet library="assets/css"
		name="bootstrap-responsive.css" />
	<h:outputStylesheet library="assets/css" name="owl.carousel.css" />
	<h:outputStylesheet library="assets/css" name="owl.theme.css" />

	<h:outputScript library="assets/js" name="owl.carousel.min.js" />
	<script src="http://maps.google.com/maps/api/js?sensor=true"
		type="text/javascript"></script>
</h:head>
<h:body>

	<div class="hidden">
		<p:gmap center="41.381542, 2.122893" zoom="15" type="hybrid"
			style="width:500px;height:400px" />
	</div>
	<div id="todo" class="container-fluid">
		<div id="topo">
			<p:outputPanel layout="block"
				rendered="#{usuarioMB.isAdministrador()}">
				<ui:include src="/administrativo/_menu_administrador.xhtml" />
			</p:outputPanel>
			<ui:insert name="header">
				<ui:include src="include/loja_header2.xhtml" />
			</ui:insert>
			<h:form prependId="false">
				<p:menubar id="menu-produtos" styleClass="menu-virtual"
					model="#{menuMB.menuModel}"></p:menubar>
			</h:form>
		</div>

		<div id="corpo">
			<div class="row-fluid borda_superior row-padding"></div>
			<h:form prependId="false">
				<div class="row-fluid">
					<div class="span12">
						<p:inputText id="txt_busca" value="#{produtoMB.nomeBuscar}" />
						<p:watermark value="FAÇA SUA BUSCA" for="txt_busca" />
						<p:commandLink value="Buscar" styleClass="btn-buscar" ajax="false"
							action="#{produtoMB.buscar()}" />
					</div>
				</div>
			</h:form>


			<ui:insert name="conteudo">
				<div class="row-fluid">
					<div class="span12">
						<ui:include src="/resources/template/include/banner.xhtml"></ui:include>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<ui:include src="/exibir/include/frm-destaque.xhtml" />
					</div>
				</div>

				<p:outputPanel layout="block"
					rendered="#{recomendarProdutoMB.recomendar}"
					styleClass="div-produtos-sugeridos no-border-bottom">
					<h4>Recomendamos para você</h4>
					<ui:include src="/recomendar/sugestao.xhtml"></ui:include>
				</p:outputPanel>

			</ui:insert>
		</div>

		<div id="clear"></div>

		<footer class="footer row-margin">

			<div class="rodape">

				
				
				<div class="inline-block vertical-align-top wi" id="div_titulo_loja2">
					<br />
					<a href="/index.jsf" class="logo"> <h:graphicImage
							library="assets/img" styleClass="img_logo" name="logo_vs2.png"></h:graphicImage>
					</a>
					<p class="margin-left">Todos os direitos reservados®</p>
				</div>



				<div
					class="inline-block vertical-align-top wi-sobre">
					<h4>Sobre nós</h4>
					<ul class="nav">
						<li><p:commandLink value="Quem somos"
								update=":frmDialog:dialogEmpresa"
								actionListener="#{menuInstitucionalMB.setIdPaginaExibir(1)}"
								oncomplete="dialogEmpresa.show();" /></li>

						<li><p:commandLink value="Missão"
								update=":frmDialog:dialogEmpresa"
								actionListener="#{menuInstitucionalMB.setIdPaginaExibir(2)}"
								oncomplete="dialogEmpresa.show();" /></li>
						<li><p:commandLink value="Localização"
								update=":frmDialog:dialogEmpresa"
								actionListener="#{menuInstitucionalMB.setIdPaginaExibir(3)}"
								oncomplete="dialogEmpresa.show();" /></li>
					</ul>
				</div>
				
				
				
				



				<div
					class="inline-block vertical-align-top wi wi-central">

					<h3>Central de Vendas</h3>
					<h4 class="img-tel-central">0800 123 1234</h4>

				</div>





				<div
					class="inline-block vertical-align-top wi wi-pague">

					<h4>Pague com</h4>
					<h:graphicImage library="assets/ico" name="pagseguro.png"
						styleClass="rodape-logo-pagseguro" />

				</div>
				

			</div>

		</footer>



		<ui:insert name="dialog">

			<h:form prependId="false">

				<p:outputPanel rendered="#{popupMB.popup}">

					<script>
						$(function() {
							PrimeFaces.ab({
								source : 'j_idt119',
								oncomplete : function(xhr, status, args) {
									dialog.show();
								}
							});
							return false;

						});
					</script>

				</p:outputPanel>

				<p:dialog widgetVar="dialog" resizable="false" modal="true">

					<div class="row-fluid">
						<div class="span12">
							<h:outputText
								value="Em seu último acesso, ficaram alguns produtos em seu carrinho." />
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<h:outputText value="Gostaria de recuperá-los?" />
						</div>
					</div>

					<div class="row-fluid">
						<p:commandButton value="Sim" process="@this"
							actionListener="#{carrinhoMB.recuperarInteresse()}"
							oncomplete="dialog.hide()" styleClass="ui-confirmdialog-yes"
							icon="ui-icon-check" />
						<p:commandButton value="Não" process="@this"
							actionListener="#{carrinhoMB.descartarInteresse()}"
							oncomplete="dialog.hide()" styleClass="ui-confirmdialog-yes"
							icon="ui-icon-cancel" />

					</div>
				</p:dialog>

			</h:form>
		</ui:insert>

	</div>


	<script>
		$(document).ready(function() {

			$("#owl-example").owlCarousel({
				items : 4, //10 items above 1000px browser width
				itemsDesktop : [ 1000, 3 ], //5 items between 1000px and 901px
				itemsDesktopSmall : [ 900, 2 ], // betweem 900px and 601px
				itemsTablet : [ 600, 2 ], //2 items between 600 and 0
				itemsMobile : false
			// itemsMobile disabled - inherit from itemsTablet option
			});
			
			$("#menu-principal > ul > li > ul").mouseleave(
				function() {
					$(".ui-menuitem-active ul").hide();
					$(".ui-menuitem-active a.ui-state-hover").removeClass(
							"ui-state-hover");
					$("li.ui-menuitem-active").removeClass(
							"ui-menuitem-active");
			});
		});
	</script>
	
	
	
</h:body>
</html>